<html>
<head>
<title>README</title>
<meta name="renderer" content="webkit">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui">
<meta name="description" content="网站描述，一般显示在搜索引擎搜索结果中的描述文字，用于介绍网站，吸引浏览者点击。">
<meta name="keywords" content="网站关键词">
<meta name="generator" content="MetInfo 5.3.19" data-variable="{$c.met_weburl}|cn|19|19|1|uitest|cn">
<link href="{$c.met_weburl}favicon.ico" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
</head>
<body>
    <div class="container">
    <section class="panel-body">
    <ul class="list-group list-group-bordered">
    <li class="list-group-item active">UI名称：图片区块（不可用于正式模板）</li>
    <li class="list-group-item "><h3>图片区块</h3></li>
</section>
  <section class="panel-body">
    <ul class="list-group list-group-bordered">
    <li class="list-group-item active">UI特点：</li>
    <li class="list-group-item ">1.可修改背景颜色，标题颜色，描述文字颜色</li>
    </ul>
</section>
  <section class="panel-body">
    <ul class="list-group list-group-bordered">
    <li class="list-group-item active">效果图：</li>
    <li class="list-group-item ">
        <img src="view.jpg" alt="" class="img-fluid">
    </li>  
    </ul>
</section>
  <section class="panel-body">
    <ul class="list-group list-group-bordered">
    <li class="list-group-item active">使用说明：</li>
    <li class="list-group-item ">1.标题和描述文本颜色，可在UI设置里自定义。</li>  
    </ul>
</section>
  <section class="panel-body">
    <ul class="list-group list-group-bordered">
    <li class="list-group-item active">版本信息：</li>
    <li class="list-group-item ">v1.0</li>  
    </ul>
</section>
    </div>
</body>
</html>